<template>
	<view id="listCard">
		<view class="InfoBox">
			<span class="tag">01</span>
			<h3 class="tit">问：我经常抽奖为什么没中过？</h3>
			<p>答：有可能是人品问题，可能和长相也有一定的关系，可以照镜子检</p>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	#listCard {
		.InfoBox {
			position: relative;
			width: 622upx;
			height: 111upx;
			padding-top: 71upx;
			padding-left: 24upx;
			padding-right: 24px;
			padding-bottom: 32upx;
			background: #FFFFFF;
			box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
			margin: 40upx auto 0;
			.tag {
				position: absolute;
				top: 11upx;
				left: -16upx;
				display: block;
				width: 68upx;
				height: 56upx;
				color: #FFFFFF;
				font-family: PingFangSC-Medium;
				font-size: 35upx;
				color: #FFFFFF;
				text-align: center;
				line-height: 38upx;
				letter-spacing: 0;
				background: url("") no-repeat;
				background-size: 100% 100%;
			}

			.tit {
				font-family: PingFangSC-Medium;
				font-size: 24upx;
				color: #333333;
				letter-spacing: 0;
			}

			p {
				font-family: PingFangSC-Regular;
				font-size: 24upx;
				color: #999999;
				letter-spacing: 0;
				text-align: justify;
			}
		}
	}
</style>
